<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>template</title>
</head>
<body>
	<div id="demo"></div>
</body>
</html>
<script src="../2.1.8/vue.js"></script>
<script>

	/*
		template 
		将含有根元素的 字符串 解析到根组件
		注意 
			1. 使用 template 会替换根组件中 html 模板
			2. 字符串必须含有根标签，根标签只能有一个，不能存在兄弟节点
			3. es6中给提供了超级字符串 `` 
	*/

	var vm = new Vue({
		el : '#demo',
		data : {
			message : 'hello world',
			id : 10
		},
		template : '<span>hello world</span>'
	});
</script>